<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<jsp:include page="common/common.jsp"></jsp:include>
<link rel="stylesheet" href="/static/css/flipping.css">
<script>
    $(function () {
        var parent = document.getElementById("parent");
        var content = '';
        $.map(top.icons, function (i) {
            content = content +
                '                <div class="col" ontouchstart="this.classList.toggle(\'hover\');">\n' +
                '                    <a href="' + i.url + '">\n' +
                '                        <div class="container">\n' +
                '                            <div class="front" style="background-image: url(/static/images/background.jpg)">\n' +
                '                                <div class="inner">\n' +
                '                                    <p>' + i.text + '</p>\n' +
                '                                </div>\n' +
                '                            </div>\n' +
                '                            <div class="back">\n' +
                '                                <div class="inner">\n' +
                '                                   点击进入\n' +
                '                                </div>\n' +
                '                            </div>\n' +
                '                        </div>\n' +
                '                    </a>\n' +
                '        </div>';
        })
        $("#parent").html(content);
    })
</script>
<body>
<div class="wrapper">
    <div class="cols" id="parent">
    </div>
</div>

</body>
